@charset "utf-8";
/* 公用一般头部 */
.hd-header, .hd-nav-list {
  background: #fff;
}
/* toolbar */
.hd-t-m {
  position: relative;
  width: 100%;
  min-width: 1190px;
  border-bottom: 1px solid #ececec;
  background: #f5f5f5;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  color: #666;
}

.hd-t-m .tl-split {
  text-indent: -999999px;
  float: left;
  display: inline;
  width: 0;
  border-right: 1px solid #ddd;
  height: 17px;
  margin: 9px 5px 0 5px;
}

.hd-tbar-l {
  float: left;
}

.hd-tbar-r {
  float: right;
}

.hd-t-m .t-tbar-w {
  width: 1190px;
  margin: 0 auto;
  min-width: 1190px;
  clear: both;
  position: relative;
}

.hd-t-m .hd-t-b, .hd-t-m .hd-t-dbox {
  position: relative;
  float: left;
  /*margin-left: -1px;*/
  /*_top: 1px;*/
}

.hd-t-m, .hd-tbar-n, .hd-tbar-n-sp {
  line-height: 35px;
  height: 35px;
}

.hd-t-m a {
  color: #555;
}

.hd-t-m .hd-tbar-n, .hd-t-m .hd-tbar-d, .hd-t-m .hd-tbar-n-sp {
  display: inline;
  float: left;
  position: relative;
  z-index: 1001;
  padding: 0 10px;
  overflow: hidden;
}

.hd-tbar-rg .dl {
  padding-right: 0;
}

.hd-t-b:hover {
  background: #fff;
}

.hd-t-m .hd-tbar-n span {
  display: inline-block;
  cursor: pointer;
}

.hd-t-m .hd-tbar-n span.pr {
  position: relative;
}

.hd-t-m .hd-tbar-n span .c-count {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  display: inline-block;
  height: 6px;
  width: 6px;
  position: relative;
  top: -5px;
  left: -1px;
  text-align: center;
  background: #FF4200;
}

.hd-t-m .hd-t-dbox span {
  cursor: text;
}

.hd-t-m a:hover, .hd-t-m a:focus, .hd-tbar-n.active {
  color: #FF4200!important;
  background: transparent!important;
  text-decoration: none;
}

.hd-tbar-n .tbar-ic {
  font-size: 16px;
  position: relative;
  top: 1px;
  margin-left: 2px;
  color: #555;
}

/* tbar dec */

.hd-tbar-n .tbar-ic.md {
  position: relative;
  top: 3px;
  margin: 0 5px 0 0;
  color: #FF4200;
  float: left;
  line-height: 30px;
  vertical-align: middle;
}

.hd-tbar-n .fa-mobile {
  font-size: 20px;
}
/* tbar dec end */

/* toolbar end */

/* ---------------------------part 1--------------- */

/* header hd */
.hd-header .hd-hdr-con {
  position: relative;
  height: 110px;
  width: 1190px;
  min-width: 1190px;
  margin: 0 auto;
}

.hd-hdr-con .hd-hdr-box {
  position: absolute;
  height: 100px;
  left: 0;
  top: 0;
}

.hd-hdr-box a.hd-logo {
  float: left;
  margin-top: 32px;
  margin-left: 27px;
  height: 45px;
/*   width: 366px; */
}
.hd-hdr-box .hd-logo .logo{
  height: 45px;
}
.hd-hdr-box .hd-logo .title{
  font-size:25px;
  margin-left:10px;
  vertical-align: middle;
}

.hd-hdr-con .hd-search {
  position: absolute;
  top: 0;
  right: 0;
}

.gds-search {
  position: relative;
  float: right;
  display: inline;
  width: 462px;
  margin: 32px 27px 0 0;
}

.gds-search .fa-search {
  position: absolute;
  color: #ccc;
  font-size: 18px;
  top: 11px;
  left: 10px;
}

.gds-search .form-inline {
  margin: 0;
}

.sea-box {
  float: left;
  width: 320px;
  padding-left: 30px;
  border: 1px solid #1770CB;
  border-right: 0;
}

.sea-box .sea-keyword {
  width: 310px;
  height: 22px;
  margin-top: 0;
  padding: 8px 10px 8px 0;
  border: 0;
  _border: 0;
  background: #FFF;
  color: #555555;
  font-size: 14px;
  line-height: 18px;
  border-radius: 0;
}

.search-form{
  display: block;
  height: 40px;
}

.search-hot{
  padding-top: 5px;
  width: 460px; height: 20px;
  overflow: hidden;
}

.search-hot-item{
  padding: 0 10px 0 0;
  display: inline-block;
}

.search-hot-item a{
  font-size: 12px;
  color: #999;
}

.search-hot-item a:hover{
  color: #999;
  color: #FF4200;
}

.sea-box .sea-keyword:focus {
  outline: none;
}

.hd-search .hd-search-sub {
  width: 110px;
  height: 40px;
  float: left;
  margin-top: 0;
  text-align: center;
  border: 0;
  cursor: pointer;
  background: #1770CB;
  letter-spacing: 7px;
  font-weight: bold;
  font-family: 'MicroSoft YaHei';
  font-size: 16px;
  color: #fff;
  font-weight: normal;
}
/* header hd end */

/* hd-nav-list hd */


.nav-list-ul {
  margin: 0;
  padding: 0;
  height: 38px;
  list-style: none;
  border-bottom: 2px solid #1770CB;
}

.nav-list-ul > li {
  float: left;
  height: 38px;
  line-height: 38px;
  margin-right: 20px;
  -webkit-border-radius: 0;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-transition: border-color 0.2s;
  -moz-transition: border-color 0.2s;
  -ms-transition: border-color 0.2s;
  -o-transition: border-color 0.2s;
  transition: border-color 0.2s;
}
.nav-list-ul .nav-sale{
  position: relative;
}
.nav-list-ul .icon-hot{
  position: absolute;
  right: 0; top: -2px;
}
.nav-list-ul li.pull-right {
  margin-right: 0;
}

.nav-list-ul .m-country li {
  height: auto;
  line-height: inherit;
  margin: 0;
  display: block;
  float: none;
}

.nav-list-ul .m-country li a {
  padding: 10px;
  font-size: 14px;
}

.nav-list-ul .m-country li, .nav-list-ul .m-country li:hover {
  border: none;
}

.nav-list-ul li.active, .nav-list-ul li:hover {
  border-color: #FF4200;
  -webkit-transition: border-color 0.2s;
  -moz-transition: border-color 0.2s;
  -ms-transition: border-color 0.2s;
  -o-transition: border-color 0.2s;
  transition: border-color 0.2s;
}

.nav-list-ul li:focus, .nav-list-ul li a:focus {
  color: #000;
}

.nav-list-ul li.pull-right:hover {
  border-color: transparent;
}

.nav-list-ul li a {
  font-size: 16px;
  color: #000;
  display: block;
  padding: 0 10px;
  font-weight: bold;
}

.nav-classify-all{
  background: #1770CB;
  width: 200px;
  position: relative;
}
.nav-classify-all:after{
  content: "\f107";
  font: normal normal normal 14px/1 FontAwesome;
  position: absolute;
  right: 27px; top: 10px;
  color: #fff;
  font-size: 20px;
}
.nav-classify-all:hover:after{
  content: "\f106";
}
.nav-classify-all:hover .dropdown-menu{
  display: block;
}
.nav-list-ul .nav-classify-all a {
  color: #fff;
  padding: 0 27px;
}
.nav-list-ul .nav-classify-all a:hover{
  color: #fff;
}
.nav-classify-all .dropdown-menu{
  width: 100%;
  background: rgba(23,112,203,.9);
  border: 0;
  margin-top: 0!important;
  border-radius: 0;
  display: none;
  box-shadow: none;
}
.nav-classify-all .dropdown-menu:before,
.nav-classify-all .dropdown-menu:after{
  content: none!important;
}
.nav-classify-all .dropdown-menu li{
  width: 100%;
}
.nav-classify-all .dropdown-menu li a{
  font-size: 14px;
  height: 30px;
  line-height: 30px;
}
.nav-classify-all .dropdown-menu li a:hover,
.nav-classify-all .dropdown-menu li a:active{
  background: #0960B8;
}
.nav-list-ul .dropdown-menu li > a {
  font-weight: 300;
}

.nav-list-ul li a:hover, .nav-list-ul li a:focus, .nav-list-ul li.active a {
  text-decoration: none;
  color: #FF4200;
  -webkit-transition: color 0.2s;
  -moz-transition: color 0.2s;
  -ms-transition: color 0.2s;
  -o-transition: color 0.2s;
  transition: color 0.2s;
}

/* hd-nav-list hd end */

/* 我的海带 */
.dropdown.open .hd-tbar-n {
  border-left: 1px solid #ccc;
  background: #fff;
  border-right: 1px solid #ccc;
  position: relative;
  z-index: 1001;
  padding: 0 9px;
}

.dropdown.open .hd-tbar-n:hover, .dropdown.open .hd-tbar-n:focus {
  background: #fff!important;
}
.mypro {
  width: 232px!important;
  padding: 0!important;
  left: inherit!important;
  right: 0!important;
  margin: -1px 0 0!important;
}

.mypro.hv {
  width: 177px!important;
}
.m-country {
  margin: 2px 0 0!important;
}

.dropdown > .mypro.dropdown-menu:before, .dropdown > .mypro.dropdown-menu:after, .dropdown .dropdown-menu.m-country:before, .dropdown .dropdown-menu.m-country:after {
  display: none!important;
}

.dropdown > .mypro.dropdown-menu, .dropdown .dropdown-menu.m-country {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: 0 6px 12px rgba(0,0,0,0.175);
  box-shadow: 0 6px 12px rgba(0,0,0,0.175);
  -webkit-background-clip: border-box;
  background-clip: border-box;
  border: 1px solid rgba(0,0,0,0.15);
}

.dropdown > .mypro.dropdown-menu {
  font-size: 12px;
}

.mypro ul {
  margin: 0;
  list-style: none;
  overflow: hidden;
  padding: 10px;
}


.mypro ul li {
  width: 105px;
  padding-left: 13px;
  float: left;
  line-height: 30px;
  text-align: left;
}

.mypro.hv ul li {
  width: 100%;
  padding-left: 0;
  float: none;
}

.mypro ul li > a {
  padding: 8px 14px;
  color: #555;
  text-decoration: none;
  display: block;
  clear: both;
  font-weight: 300;
  line-height: 18px;
  white-space: nowrap;
}
/* 我的海带 end */























